<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <title>冰墩墩</title>

    <style>
        .name {
            position: absolute;
            left: 1338px;
            z-index: 99999;
            top: 560px;
            font-family: "Microsoft YaHei";
        }
    </style>
</head>

<body>
    <canvas id="nomiiiiiiiiiii" width="2000" height="2000 ">
    </canvas>
    <div class="name">nomiii</div>
</body>
<script>
    //得到糯米id
    const nomiiiiiiiiiii = document.getElementById("nomiiiiiiiiiii")
    // 创造一张画布
    let nomi = nomiiiiiiiiiii.getContext('2d')
    // 能量外壳
    nomi.beginPath();
    nomi.moveTo(497, 462);
    nomi.bezierCurveTo(452, 380, 497, 184, 666, 297);
    nomi.bezierCurveTo(792, 255, 921, 261, 1017, 278);
    nomi.bezierCurveTo(1127, 155, 1227, 305, 1183, 404);
    nomi.bezierCurveTo(1208, 443, 1238, 488, 1254, 544);
    nomi.bezierCurveTo(1251, 421, 1503, 398, 1472, 577);
    nomi.bezierCurveTo(1407, 758, 1336, 789, 1279, 876);
    nomi.bezierCurveTo(1270, 924, 1255, 1044, 1147, 1222);
    nomi.bezierCurveTo(1098, 1372, 1211, 1454, 1031, 1457);
    nomi.bezierCurveTo(877, 1469, 892, 1434, 901, 1376);
    nomi.bezierCurveTo(924, 1313, 783, 1324, 802, 1378);
    nomi.bezierCurveTo(822, 1432, 819, 1467, 691, 1469);
    nomi.bezierCurveTo(571, 1473, 569, 1448, 571, 1332);
    nomi.bezierCurveTo(572, 1218, 530, 1226, 464, 1038);
    nomi.bezierCurveTo(386, 1244, 233, 1115, 272, 1017);
    nomi.bezierCurveTo(306, 916, 365, 845, 407, 777);
    nomi.bezierCurveTo(433, 669, 449, 545, 497, 462);
    nomi.stroke();
    // 左耳
    nomi.beginPath();
    nomi.moveTo(526, 437);
    nomi.bezierCurveTo(498, 263, 667, 325, 641, 329);
    nomi.quadraticCurveTo(600, 343, 526, 437);
    nomi.fillStyle = "#000000";
    nomi.fill();
    nomi.stroke();
    // 右耳
    nomi.beginPath();
    nomi.moveTo(1050, 285);
    nomi.bezierCurveTo(1144, 232, 1167, 342, 1162, 387);
    nomi.quadraticCurveTo(1119, 317, 1050, 285);
    nomi.fillStyle = "#000000";
    nomi.fill();
    nomi.stroke();
    // 左手
    nomi.beginPath();
    nomi.moveTo(417, 804);
    nomi.bezierCurveTo(430, 837, 435, 914, 457, 968);
    nomi.bezierCurveTo(445, 1016, 440, 1022, 428, 1053);
    nomi.bezierCurveTo(396, 1142, 307, 1112, 304, 1048);
    nomi.quadraticCurveTo(300, 987, 418, 803);
    nomi.fillStyle = "#000000";
    nomi.fill();
    nomi.stroke();
    // 右手
    nomi.beginPath();
    nomi.moveTo(1267, 593);
    nomi.bezierCurveTo(1275, 584, 1279, 574, 1280, 555);
    nomi.bezierCurveTo(1282, 448, 1480, 477, 1429, 575);
    nomi.bezierCurveTo(1403, 621, 1374, 689, 1287, 757);
    nomi.quadraticCurveTo(1291, 693, 1267, 594);
    nomi.fillStyle = "#000000";
    nomi.fill();
    nomi.stroke();
    // 左脚
    nomi.beginPath();
    nomi.moveTo(585, 1231);
    nomi.bezierCurveTo(626, 1261, 776, 1297, 792, 1336);
    nomi.bezierCurveTo(756, 1387, 838, 1427, 710, 1428);
    nomi.bezierCurveTo(505, 1431, 644, 1381, 585, 1231);
    nomi.fillStyle = "#000000";
    nomi.fill();
    nomi.stroke();
    // 右脚
    nomi.beginPath();
    nomi.moveTo(910, 1342);
    nomi.bezierCurveTo(981, 1318, 938, 1293, 1125, 1226);
    nomi.bezierCurveTo(1087, 1370, 1172, 1404, 1014, 1420);
    nomi.bezierCurveTo(875, 1425, 959, 1403, 910, 1342);
    nomi.fillStyle = "#000000";
    nomi.fill();
    nomi.stroke();
    // 左黑眼圈
    nomi.beginPath();
    nomi.moveTo(806, 552);
    nomi.bezierCurveTo(706, 492, 512, 681, 603, 777);
    nomi.bezierCurveTo(738, 882, 896, 600, 806, 552);
    nomi.fillStyle = "#000000";
    nomi.fill();
    nomi.stroke();
    // 右黑眼圈        
    nomi.beginPath();
    nomi.moveTo(989, 541);
    nomi.bezierCurveTo(1080, 477, 1251, 684, 1168, 768);
    nomi.bezierCurveTo(1077, 837, 893, 607, 989, 541);
    nomi.fillStyle = "#000000";
    nomi.fill();
    nomi.stroke();
    // 能量圈
    nomi.beginPath();
    nomi.lineWidth = 7;
    nomi.strokeStyle = '#73fd94';
    nomi.moveTo(497, 772);
    nomi.bezierCurveTo(425, 371, 1145, 80, 1262, 699);
    nomi.bezierCurveTo(1294, 945, 1105, 1031, 907, 1040);
    nomi.bezierCurveTo(716, 1049, 519, 962, 497, 772);
    nomi.stroke();

    nomi.beginPath();
    nomi.lineWidth = 5;
    nomi.strokeStyle = '#f97dfe';
    nomi.moveTo(515, 794);
    nomi.bezierCurveTo(405, 421, 1093, 119, 1242, 646);
    nomi.bezierCurveTo(1316, 881, 1130, 1001, 898, 1003);
    nomi.bezierCurveTo(732, 1005, 562, 961, 515, 794);
    nomi.stroke();

    nomi.beginPath();
    nomi.lineWidth = 9;
    nomi.strokeStyle = '#ecea87';
    nomi.moveTo(611, 909);
    nomi.bezierCurveTo(301, 602, 878, 185, 1137, 487);
    nomi.bezierCurveTo(1495, 981, 840, 1066, 611, 909);
    nomi.stroke();

    nomi.beginPath();
    nomi.lineWidth = 7;
    nomi.strokeStyle = '#9ad6ff';
    nomi.moveTo(611, 909);
    nomi.bezierCurveTo(281, 592, 878, 200, 1137, 487);
    nomi.bezierCurveTo(1495, 1001, 840, 1076, 611, 909);
    nomi.stroke();

    nomi.beginPath();
    nomi.lineWidth = 5;
    nomi.strokeStyle = '#9ad6ff';
    nomi.moveTo(515, 794);
    nomi.bezierCurveTo(405, 421, 1053, 109, 1242, 646);
    nomi.bezierCurveTo(1316, 911, 1150, 1001, 898, 1023);
    nomi.bezierCurveTo(732, 1025, 562, 971, 515, 794);
    nomi.stroke();

    nomi.beginPath();
    nomi.lineWidth = 7;
    nomi.strokeStyle = '#d2fbe5';
    nomi.moveTo(545, 674);
    nomi.bezierCurveTo(673, 289, 1265, 370, 1215, 773);
    nomi.bezierCurveTo(1177, 1083, 453, 1010, 545, 674);
    nomi.stroke();

    nomi.beginPath();
    nomi.lineWidth = 7;
    nomi.strokeStyle = '#4a46be';
    nomi.moveTo(549, 752);
    nomi.bezierCurveTo(548, 421, 1037, 320, 1191, 640);
    nomi.bezierCurveTo(1309, 1058, 597, 1021, 549, 752);
    nomi.stroke();

    nomi.beginPath();
    nomi.lineWidth = 5;
    nomi.strokeStyle = '#b5e7fe';
    nomi.moveTo(549, 752);
    nomi.bezierCurveTo(548, 441, 1057, 300, 1191, 640);
    nomi.bezierCurveTo(1319, 1048, 567, 1021, 549, 752);
    nomi.stroke();
    // 嘴巴
    nomi.beginPath();
    nomi.lineWidth = 1;
    nomi.strokeStyle = '#000000';
    nomi.moveTo(824, 728);
    nomi.bezierCurveTo(895, 754, 939, 740, 982, 726);
    nomi.bezierCurveTo(935, 782, 861, 764, 824, 728);
    nomi.fillStyle = "#000000";
    nomi.fill();
    nomi.stroke();

    nomi.beginPath();
    nomi.moveTo(870, 750);
    nomi.bezierCurveTo(876, 746, 939, 745, 945, 749);
    nomi.bezierCurveTo(910, 764, 872, 755, 870, 750);
    nomi.fillStyle = "#e5482d";
    nomi.fill();
    nomi.stroke();
    // 小红心
    nomi.beginPath();
    nomi.moveTo(1364, 545);
    nomi.bezierCurveTo(1359, 525, 1300, 508, 1331, 595);
    nomi.bezierCurveTo(1338, 615, 1349, 607, 1356, 605);
    nomi.bezierCurveTo(1394, 587, 1420, 532, 1364, 545);
    nomi.fillStyle = "red";
    nomi.fill();
    nomi.stroke();
    // 左眼
    nomi.beginPath();
    nomi.moveTo(749, 595);
    nomi.bezierCurveTo(798, 592, 829, 709, 743, 712);
    nomi.bezierCurveTo(659, 707, 686, 593, 749, 595);
    nomi.fillStyle = "#ffffff";
    nomi.fill();
    nomi.stroke();

    nomi.beginPath();
    nomi.moveTo(699, 655);
    nomi.bezierCurveTo(696, 596, 782, 574, 783, 653);
    nomi.bezierCurveTo(775, 735, 694, 699, 699, 655);
    var l_eye = nomi.createRadialGradient(742, 652, 20, 742, 652, 50);
    l_eye.addColorStop(0, "#857343");
    l_eye.addColorStop(1, "black");
    nomi.fillStyle = l_eye;
    nomi.fill();
    nomi.stroke();

    nomi.beginPath();
    nomi.moveTo(719, 655);
    nomi.bezierCurveTo(716, 633, 760, 609, 762, 657);
    nomi.bezierCurveTo(755, 691, 723, 676, 719, 655);
    nomi.fillStyle = "#000000";
    nomi.fill();
    nomi.stroke();

    // 右眼
    nomi.beginPath();
    nomi.moveTo(988, 630);
    nomi.bezierCurveTo(997, 569, 1091, 548, 1087, 647);
    nomi.bezierCurveTo(1079, 719, 976, 710, 988, 630);
    nomi.fillStyle = "#ffffff";
    nomi.fill();
    nomi.stroke();

    nomi.beginPath();
    nomi.moveTo(995, 634);
    nomi.bezierCurveTo(993, 584, 1077, 559, 1077, 641);
    nomi.bezierCurveTo(1068, 707, 993, 689, 995, 634);
    var r_eye = nomi.createRadialGradient(1040, 635, 20, 1040, 635, 50);
    r_eye.addColorStop(0, "#857343");
    r_eye.addColorStop(1, "black");
    nomi.fillStyle = r_eye;
    nomi.fill();
    nomi.stroke();

    nomi.beginPath();
    nomi.moveTo(1022, 621);
    nomi.bezierCurveTo(1055, 596, 1065, 650, 1042, 659);
    nomi.bezierCurveTo(1027, 662, 1002, 646, 1022, 621);
    nomi.fillStyle = "#000000";
    nomi.fill();
    nomi.stroke();
    // 左眼高光
    nomi.strokeStyle = '#ffffff';
    nomi.beginPath();
    nomi.arc(743, 623, 13, 0, 2 * Math.PI);
    nomi.fillStyle = "#ffffff";
    nomi.fill();
    nomi.stroke();
    nomi.strokeStyle = '#000000';

    nomi.strokeStyle = '#5fc2ba';
    nomi.beginPath();
    nomi.arc(732, 675, 7, 0, 2 * Math.PI);
    nomi.fillStyle = "#5fc2ba";
    nomi.fill();
    nomi.stroke();
    nomi.strokeStyle = '#000000';

    // 右眼高光
    nomi.strokeStyle = '#ffffff';
    nomi.beginPath();
    nomi.arc(1036, 606, 12, 0, 2 * Math.PI);
    nomi.fillStyle = "#ffffff";
    nomi.fill();
    nomi.stroke();
    nomi.strokeStyle = '#000000';

    nomi.strokeStyle = '#5fc2ba';
    nomi.beginPath();
    nomi.arc(1024, 659, 7, 0, 2 * Math.PI);
    nomi.fillStyle = "#5fc2ba";
    nomi.fill();
    nomi.stroke();
    nomi.strokeStyle = '#000000';


    // 鼻子
    nomi.beginPath();
    nomi.moveTo(914, 646);
    nomi.bezierCurveTo(863, 646, 867, 682, 901, 698);
    nomi.bezierCurveTo(920, 706, 927, 704, 941, 694);
    nomi.bezierCurveTo(970, 668, 961, 644, 914, 646);
    nomi.fillStyle = "#000000";
    nomi.fill();
    nomi.stroke();

    nomi.beginPath();
    nomi.moveTo(886, 666);
    nomi.bezierCurveTo(887, 648, 945, 644, 944, 666);
    nomi.bezierCurveTo(944, 686, 886, 683, 886, 666);
    var nose = nomi.createLinearGradient(910, 650, 910, 675);
    nose.addColorStop(1, "black");
    nose.addColorStop(0, "white");
    nomi.fillStyle = nose;
    nomi.fill();
    nomi.stroke();
    // // // 五环
    // nomi.lineWidth = 3;
    // nomi.strokeStyle = '#ebcb44';
    // nomi.beginPath();
    // nomi.arc(886, 1245, 15, 0, 2 * Math.PI);
    // nomi.stroke();

    // nomi.lineWidth = 3;
    // nomi.strokeStyle = '#2bb459';
    // nomi.beginPath();
    // nomi.arc(921, 1245, 15, 0, 2 * Math.PI);
    // nomi.stroke();

    // nomi.lineWidth = 3;
    // nomi.strokeStyle = '#5398db';
    // nomi.beginPath();
    // nomi.arc(871, 1230, 15, 0, 2 * Math.PI);
    // nomi.stroke();

    // nomi.lineWidth = 3;
    // nomi.strokeStyle = '#2c2e2e';
    // nomi.beginPath();
    // nomi.arc(906, 1230, 15, 0, 2 * Math.PI);
    // nomi.stroke();

    // nomi.lineWidth = 3;
    // nomi.strokeStyle = '#f53e59';
    // nomi.beginPath();
    // nomi.arc(941, 1230, 15, 0, 2 * Math.PI);
    // nomi.stroke();
</script>

</html>